﻿/*
 * jquery-filestyle
 * http://dev.tudosobreweb.com.br/jquery-filestyle/
 *
 * Copyright (c) 2013 Markus Vinicius da Silva Lima
 * Version 1.0.0
 * Licensed under the MIT license.
 */
@font-face {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    src: url('/scripts/jfilestyle/font/fontello.eot?5348869');
    src: url('/scripts/jfilestyle/font/fontello.eot?5348869#iefix') format('embedded-opentype'), url('/scripts/jfilestyle/font/fontello.woff?5348869') format('woff'), url('/scripts/jfilestyle/font/fontello.ttf?5348869') format('truetype'), url('/scripts/jfilestyle/font/fontello.svg?5348869#fontello') format('svg');
}

.jfilestyle {
    border-collapse: separate;
    *display: inline;
    *display: inline;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    position: relative;
    /* IE7 inline-block hack */
    *zoom: 1;
}

div.jfilestyle label, div.jfilestyle input { font-family: sans-serif; }

div.jfilestyle input {
    background: #f9f9f9;
    border: 1px solid #d1d1d1;
    border-radius: 3px 0px 0px 3px;
    color: #8d8d8d;
    font-size: 14px;
    height: 16px;
    margin: 0px -5px 0px 0px;
    opacity: 0.6;
    padding: 7px;
    vertical-align: middle;
}

div.jfilestyle label {
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 0px 3px 3px 0px;
    color: #0662ba;
    display: inline-block;
    *display: inline;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 5px 12px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    /* IE7 inline-block hack */
    *zoom: 1;
}

div.jfilestyle label[disabled] {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.6;
    pointer-events: none;
}

div.jfilestyle label:hover {
    background: #f4f4f4;
    cursor: pointer;
}

div.jfilestyle.jfilestyle-buttonbefore label {
    border-radius: 3px 0px 0px 3px;
    margin-right: -1px;
}

div.jfilestyle.jfilestyle-buttonbefore input {
    border-radius: 0px 3px 3px 0px;
    margin-right: 0px;
}

div.jfilestyle .count-jfilestyle {
    background: #000;
    border-radius: 50%;
    color: #fff;
    padding: 1px 5px;
}

div.jfilestyle.blue .count-jfilestyle,
div.jfilestyle.green .count-jfilestyle,
div.jfilestyle.orange .count-jfilestyle,
div.jfilestyle.red .count-jfilestyle,
div.jfilestyle.black .count-jfilestyle {
    background: #fff;
    color: #000;
}


/**
 * Themes
 */

/* blue */

div.jfilestyle.blue label {
    background: #05abe0;
    border: 1px solid #049ccc;
    color: #ffffff;
    text-shadow: -1px -1px 1px #037da4;
}

div.jfilestyle.blue label:hover {
    background: #049ccc;
    border: 1px solid #048cb8;
    text-shadow: -1px -1px 1px #037da4;
}

/* green */

div.jfilestyle.green label {
    background: #299a0b;
    border: 1px solid #238509;
    color: #ffffff;
    text-shadow: -1px -1px 1px #195f06;
}

div.jfilestyle.green label:hover {
    background: #238509;
    border: 1px solid #1e7208;
    text-shadow: -1px -1px 1px #195f06;
}

/* orange */

div.jfilestyle.orange label {
    background: #fe7f00;
    border: 1px solid #ea7500;
    color: #ffffff;
    text-shadow: -1px -1px #c16000;
}

div.jfilestyle.orange label:hover {
    background: #ea7500;
    border: 1px solid #d66b00;
    text-shadow: -1px -1px 1px #c16000;
}

/* red */

div.jfilestyle.red label {
    background: #d00404;
    border: 1px solid #be0303;
    color: #ffffff;
    text-shadow: -1px -1px #960202;
}

div.jfilestyle.red label:hover {
    background: #be0303;
    border: 1px solid #aa0303;
    text-shadow: -1px -1px #960202;
}

/* black */

div.jfilestyle.black label {
    background: #484848;
    border: 1px solid #3d3d3d;
    color: #ffffff;
    text-shadow: -1px -1px #282828;
}

div.jfilestyle.black label:hover {
    background: #3d3d3d;
    border: 1px solid #333333;
    text-shadow: -1px -1px #282828;
}



[class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    font-family: "fontello";
    font-style: normal;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    font-weight: normal;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    margin-right: .2em;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-videocam:before { content: '\e800'; }

/* '' */

.icon-camera:before { content: '\e801'; }

/* '' */

.icon-folder-open:before { content: '\e802'; } /* '' */